<ion-header no-border>
    <ion-toolbar>
        <ion-title>
            指标选取
        </ion-title>
        <ion-buttons end>
        <button ion-button color="primary" (click)="dismiss()">
            关闭
        </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content>
    <ion-grid>
        <ion-row *ngFor="let idxGroup of indexGroups">
            <ion-col>
                <ion-row>
                    <span style="font-family: PingFangSC-Semibold;
                    font-size: 16px;
                    color: #333333;
                    letter-spacing: 0;
                    line-height: 16px;">选择{{idxGroup.idxGroupName}}</span> 
                </ion-row>
                <ion-row>
                    <ng-container *ngFor="let index of idxGroup.indexs">
                        <button *ngIf="index.idxValue == idxGroup.defaultVal" ion-button (click)="checkIndex(idxGroup.idxGroupID, index.idxValue,index.idxID)">{{index.idxValue}}</button>
                        <button *ngIf="index.idxValue != idxGroup.defaultVal" ion-button outline (click)="checkIndex(idxGroup.idxGroupID, index.idxValue,index.idxID)">{{index.idxValue}}</button>
                    </ng-container>
                </ion-row>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-content>
<ion-footer no-border>
    <ion-toolbar>
        <div>已选指标：<span style="color: #3A90F6;">{{materialIndexs}}</span></div>
        <ion-buttons end>
            <button (click)="submit()" ion-button icon-end style="color:#fff;background-color: #3A90F6;">
                确认
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>
      